#app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow: auto;
  position: relative;
}
#app .beijing {
  width: 100%;
}

#app .btn-zhuti {
  position: absolute;
  top: 1683px;
  left: 182px;
  z-index: 2;
}
#app .QRcode {
  width: 260px;
  position: absolute;
  top: 3700px;
  left: calc((100% - 250px) / 2);
}

.box {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  position: absolute;
  top: 1760px;
  left: 0;
}

.button-box {
  box-sizing: border-box;
  width: 100%;
  height: 1350px;
  border-radius: 140px;
  padding: 60px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.button-box img {
  width: 550px;
  /* height: 140px; */
}
.map-wrap {
  width: 100%;
  position: absolute;
  top: 1030px;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-wrap .map {
  width: 900px;
  height: 680px;
  border-radius: 140px;
  background-color: #fff;
  z-index: 2;
}
